<template>
	<view class="route-store">
		<view class="inner">
			<view class="store-item">
				<view class="left">

				</view>
				<view class="middle">

				</view>
				<view class="right">

				</view>
			</view>
		</view>
		<view class="footer">
			<view class="btn" @click="handleGoAddStore">
				添加门店
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'

	import {
		onReady,
		onShow,
		onLoad
	} from '@dcloudio/uni-app'
	import {
		storeApi
	} from '@/api/index.js'

	const handleGoAddStore = () => {
		uni.navigateTo({
			url: '/pagesA/addstore/addstore'
		})
	}
</script>

<style lang="scss">
	.route-store {
		padding: 40rpx 24rpx 170rpx 24rpx;

		.store-item {
			background-color: #fff;
			border-radius: 10rpx;
			padding: 24rpx;
		}

		.footer {
			position: fixed;
			width: 100%;
			bottom: 0;
			left: 0;
			background-color: #fff;
			padding-left: 24rpx;
			padding-right: 24rpx;
			padding-top: 11rpx;
			height: 130rpx;

			.btn {
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: #ED2920;
				color: #fff;
				padding: 19rpx 0;
				border-radius: 40rpx;
			}
		}
	}
</style>